<template>
<div class="my-el-page">
  <el-pagination
      @size-change="changePageSize"
      @current-change="changePageNumber"
      :current-page="current.page"
      :page-size="current.size"
      :page-sizes="[10, 20, 50, 100]"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total">
  </el-pagination>
</div>
  <!--  -->
</template>

<script>

export default {
  data() {
    return {
      levelList: null
    }
  },
  props:{
   total:{
     type: Number,
     default: 0
   },
   current:{
     type:Object,
     default:() => {
       return {
         page:1,
         size:20
       }
     }
   }
  },
  methods: {
    changePageSize(v){
      this.$meit('changePageSize', v)
    },
    changePageNumber(v){
      this.$meit('changePageNumber', v)
    }
  }
}
</script>

<style lang="scss" scoped>
 .my-el-page{
   position: absolute;
   bottom: 20px;
   left: 20px;
 }
</style>
